﻿.publicIcon{}
.publicIcon{ background:url(../../img/newIndexImg/public-24.png?version=20160822) no-repeat; _background:url(../../img/newIndexImg/public-8.png?version=20160822) no-repeat;}
/*topHeader*/
.topHeader{ width:100%; background:#f2f2f2; border-bottom:1px solid #e5e5e5;position:relative;z-index:980; min-width:1000px;}
.topHeaderCon{ width:1000px; height:26px; line-height:26px; margin:0 auto; position:relative;}
.topHeaderLeft{ width:210px; overflow:hidden; height:26px; position:absolute; left:0; top:0;}
.topHeaderLeft a,.topHeaderLeft p,.topHeaderRight li > a,.topHeaderRight li > span{ color:#999;}
.topHeaderLeft a:hover,.topHeaderRight li a:hover{ color:#cc0001;}
.topHeaderLeft p,.topHeaderLeft a{ margin-right:13px; float:left;}
.topHeaderLeft p span{ display:inline-block; float:left; max-width:100px; height:26px; overflow:hidden; margin-right:5px;}
.topHeaderLeft p em{ display:inline-block; float:left; font-style:normal;}
.topHeaderLeft .newsNum em,.topHeaderLeft .newsNum i{ font-style:normal; font-size:12px; display:inline-block;}
.topHeaderLeft .newsNum i{ color:#cc0000; padding-left:2px; font-weight:bold;}
.topHeaderLeft .newsNum:hover{ text-decoration:none;}
.topHeaderLeft .newsNum:hover em{ text-decoration:underline;}
.topHeaderRight{ height:26px; float:right;}
.topHeaderRight li{ height:26px; float:left; padding:0 5px; position:relative;}
.topHeaderRight li i,.topHeaderRight li a,.topHeaderRight li span,.topHeaderRight li s{ display:inline-block; float:left; color:#999;}
.topHeaderRight li i{ width:12px; height:12px; margin:7px 5px 0 0; overflow:hidden; }
.topHeaderRight .hd-n2 a{ color:#cc0000; text-decoration:none;}
.topHeaderRight .hd-n3 i{ background-position:-18px 1px;}
.topHeaderRight .hd-n3 b{color:#cc0000;}
.topHeaderRight .hd-n4 i{ background-position:-36px 0; width:20px; margin:3px 2px 0 0;}
.topHeaderRight .hd-n4 s,.topHeaderRight .hd-n5 s,.topHeaderRight .hd-n6 s{ width: 0px; height: 12px; border-left: 1px solid #ccc; right: 0; top: 7px; overflow: hidden; position:absolute;}
.topHeaderRight .hd-n4 a{ height:16px; line-height:16px; padding:0 3px;  color:#c00; margin:5px 5px 0 0;}
.topHeaderRight .hd-n4 a:hover{ text-decoration:none;}
.topHeaderRight .hd-n5 a{ height:16px; line-height:16px; padding:0 3px; background-color:#cc0001;color:#fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; margin:5px 5px 0 0;}
.topHeaderRight .hd-n5 a i{ background-position:-62px 0;margin:2px 3px 0 0;}
.topHeaderRight .hd-n5 a:hover{color:#FFF;}
.topHeaderRight .hd-n5 .erm2015922{padding:5px;border:1px solid #ccc;background-color:#fff;position:absolute;top:26px;left:2px;display:none;}
.topHeaderRight .dropTitle{ z-index:205; padding:0 4px 0 7px; border-left:1px solid #f2f2f2;  border-right:1px solid #f2f2f2; }
.topHeaderRight .dropTitle.on{ border-left:1px solid #ededed; border-right:1px solid #ededed; background:#fff; height:27px; margin-bottom:-1px;}
.topHeaderRight .dropTitle s{ width:9px; height:8px; background-position:-99px 3px; margin:9px 1px 9px 3px; transition: all 0.5s ease-in-out 0s; }
.topHeaderRight .dropTitle:hover s{ transform: rotate(180deg);}
.topHeaderRight .hd-n7 i{ background-position:-80px 0;}
.topHeaderRight .hd-n7 .subNavBox{ width:205px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; position:absolute; top:27px; left:-1px; z-index:206; background:#fff; display:none; padding:5px 0 0 0;}
.topHeaderRight .hd-n8 i{ background-position:-90px -265px;}
.topHeaderRight .hd-n9 .servPhone{ color:#cc0000; padding-left:5px; }
.topHeaderRight .hd-n9{ width:144px; padding:0 0 0 7px; _padding:0 0 0 1px;}
.topHeaderRight .subNavBox .subNav-item{ width:165px; padding:6px 20px 8px; overflow:hidden; border-bottom:1px solid #ededed;}
.topHeaderRight .subNavBox .subNav-item.bg{ background:#f9f9f9;}
.topHeaderRight .subNav-item .snItem-tit{ line-height:28px;}
.topHeaderRight .subNav-item .snItem-tit h3{ font-size:14px; font-family:"微软雅黑"; color:#333; font-weight:normal;}
.topHeaderRight .subNav-item .snItem-con{ width:180px; line-height:24px;}
.topHeaderRight .subNav-item .snItem-con a{height:24px; text-align:left; width:48px; margin-right:10px; overflow:hidden;}
.topHeaderRight .hd-n1 .myJiuxian a{ height:26px; color:#999;}
.topHeaderRight .hd-n1 .myJiuxian a:hover{ color:#cc0001;}
.topHeaderRight .dropTitleBox{border:1px solid #e5e5e5; border-top:none; position:absolute; top:27px; left:-1px; z-index:206; background:#fff; padding:5px 0; display:none;}
.topHeaderRight .hd-n1 .dropTitleBox{ width:72px; }
.topHeaderRight .hd-n8 .dropTitleBox{width:89px; }
.topHeaderRight .dropTitle.on .dropTitleBox{ display:block;}
.topHeaderRight .dropTitleBox a{ width:72px; text-align:center;}
/*topHeader end*/
/*顶通&页尾广告 start*/
.topFocusBox,.footerFocusBox{ width:100%;}
.topFocusBox a,.footerFocusBox a{ display:block; width:100%; height:90px;}
/*顶通&页尾广告  end*/
/*midHeader*/
.midHeader{ width:100%; min-width:1000px; background-color:#fff;}
.midHeaderCon{ width:1000px; height:125px; margin:0 auto;}
.headerLogo{ width:260px; height:65px; float:left; display:inline-block; margin-top:30px; overflow:hidden;}
.headerLogo p{ float:left; text-align:left;}
.headerLogo .jxwLogo{ width:137px; height:65px; margin-right:13px; display:inline-block;}
.headerLogo .jxwLogo a{ display:inline-block; width:137px; height:65px;}
.headerLogo img{ vertical-align:middle;}
.headerSearch{ width:340px; float:left; display:inline-block; margin:32px 0 0 25px;}
.headerSearch .searchHome{ height:32px; border:3px solid #cc0000; position:relative; z-index:222;}
.searchHome .search-form{ width:239px; height:22px; line-height:22px; padding:5px; border:0px none; color:#666; float:left;}
.searchHome .search-btn{ width:85px; height:32px; line-height:32px; text-align:center; border:none; font-size:16px; color:#fff; background:#cc0000; cursor:pointer; font-family:"微软雅黑"; float:right;}
.searchHome .searchCon{ width:250px; position:absolute; left:-3px; top:35px; z-index:205; background:#fff; border: 1px solid #ddd; border-top:none; display:none;}
.searchCon ul{ padding-top:3px;}
.searchCon ul li{ height:30px;position:relative;}
.searchCon ul li.on{ background:#ffdfc6;}
.searchCon ul a{ display: block; text-decoration:none; border-bottom: 1px dashed #ddd; display: block; height: 30px; line-height: 30px; padding:0 10px;}
.searchCon ul a span{ color:#333; float:left; display:block; width:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.searchCon ul a em{ color:#999; float:right; font-style:normal; display:block; width:80px; overflow:hidden; text-align:right;}
.searchCon ul a em b{ font-weight:normal; padding:0 2px;}
.searchCon ul li .removehis{ color:#f00; display:none; height:30px; line-height:30px; position:absolute; right:10px; top:0px; cursor:pointer;}
.searchCon .bot{ height:30px;}
.searchCon .bot .search-close{ display: block; float:right; cursor: pointer; color:#666;}
.searchCon .bot .search-close i{ display:inline-block; background:url(../../img/newIndexImg/public-24.png) no-repeat -130px -192px; height: 16px; width: 16px; margin:8px 9px 0 0; float:right;}
.headerSearch .hotWords{ width:340px; height:18px; overflow:hidden; padding-top:5px;}
.hotWords p{ height:18px;line-height:18px; overflow:hidden; white-space:nowrap; position:relative; left:-8px; z-index:1;}
.hotWords a{ float:left; display:inline-block; color:#999; padding:0 8px; height:18px; position:relative;}
.hotWords a.on{ color:#cc0000;}
.hotWords a:hover{ color:#cc0001;}
.hotWords s{ display:block; height:12px; width:0; font-size:0; line-height:0; border-left:1px solid #999; position:absolute; left:-1px; top:3px;}
.headerProtect{ width:363px; float:right; height:43px; margin:33px 0 0 0; display:inline-block; background:url(../../img/newIndexImg/headerProPic.png) no-repeat top left;}
.headerProtect a{ display:inline-block; width:106px; height:43px; margin-left:15px;}
/*midHeader end*/

/*导航*/
.navWrap{ width:100%; height:34px; background:#990000;position:relative;z-index:99; min-width:1000px;}
.navWrap .nav{ width:1000px; height:34px; margin:0 auto;position:relative;z-index:99;}
.nav .navList{ width:690px; height:34px; float:left;}
.navList li{ display:inline-block; height:34px; line-height:34px; text-align:center; float:left; position:relative; z-index:203;}
.navList li.on{ background:#b40c10;}
.navList li a.channel{ display:inline-block; height:34px; color:#fff; font-size:14px; font-family:"微软雅黑"; background:url(../../img/newIndexImg/navLine.png) no-repeat left center; padding:0 15px;}
.navList li a.channel:hover{ color:#fff; text-decoration:none; background:#b40c10;}
.navList li.home .channel{ background:none;}
.navList li .hot{background-position:0 -264px; display: block; font-size: 0; height: 17px; line-height: 0; position: absolute; right:6px; top: -6px; width: 29px; z-index:203;}
.navList li .new{background-position:-36px -264px; display: block; font-size: 0; height: 17px; line-height: 0; position: absolute; right:6px; top: -6px; width: 29px; z-index:203;}
.navPromotion{ width:120px; height:34px; overflow:hidden; position:absolute; right:0; top:0;}
/*分类*/
.navCategoryMenu{ width:190px; float:left; position:relative; z-index:200;}
.navCategoryMenu h2{ width:190px; height:34px; line-height:34px; background:#ce171f; text-align:center; cursor:pointer; font-family:"微软雅黑"; font-size:14px; font-weight:normal; color:#fff; font-weight:600; box-shadow:4px 2px 5px rgba(0, 0, 0, 0.2)}
.categoryBox{ width:186px; height:468px; border:2px solid #cc0000; border-top:none; font-family:"微软雅黑"; position:absolute; top:34px; left:0; z-index:99; display:none;}
.categoryBox li{float:left; width:186px; height:81px; background:#fff; border-bottom: 1px solid #e4e4e4;}
.categoryBox li.last{ height:58px;border-bottom:none;}
.categoryBox li.last .catItemCon{ height:58px;}
.categoryBox li.on{background:#f1f1f1;}
.categoryBox li .catItemCon{ width:163px; height:81px; padding:0 10px; border-left:3px solid #fff;}
.categoryBox li.on .catItemCon{ border-left:3px solid #ce171f;}
/*.categoryBox li.on .catItemCon a{ color:#fff;}
.categoryBox li.on .catItemCon a:hover{ color:#fff; text-decoration:none;}
.categoryBox li.on .catItemCon a{ color:#fff;
.categoryBox li.on .catItemCon a:hover{ color:#fff; text-decoration:none;}}*/
.categoryBox li h3{ line-height:32px; height:32px; font-size:14px; overflow:hidden; font-weight:normal; padding-top:3px; color:#333;}
.categoryBox li h3 i{ display:inline-block; width:14px; height:20px; margin-right:10px; vertical-align:middle; position:relative; top:-1px;}
/*.categoryBox li.on  h3 i.liquor{ background-position:2px -72px;}
.categoryBox li.on  h3 i.wine{ background-position:-16px -74px;}
.categoryBox li.on  h3 i.yang{ background-position:-37px -72px;}
.categoryBox li.on  h3 i.health{ background-position:-59px -72px;}
.categoryBox li.on  h3 i.wineTools{ background-position:-79px -72px;}*/
.categoryBox li h3 i.seleWine{ background-position:-73px -260px;}
.categoryBox li h3 i.liquor{ background-position:2px -100px;}
.categoryBox li h3 i.wine{ background-position:-16px -102px;}
.categoryBox li h3 i.yang{ background-position:-37px -100px;}
.categoryBox li h3 i.health{ background-position:-59px -100px;}
.categoryBox li h3 i.wineTools{ background-position:-79px -100px;}
.categoryBox li h3 a,.categoryBox li h3 a:hover{ color:#333;}
.categoryBox li .categoryCon{ width:163px; overflow:hidden; position:relative;}
.categoryBox li .categoryCon p{ width:170px; height:20px; overflow:hidden;}
.categoryBox li .categoryCon p a{ display:inline-block; height:16px; line-height:16px; padding:0 4px; color:#666; float:left; margin:2px 3px 2px 0;}
.categoryBox li .categoryCon p a:hover{ color:#666; text-decoration:none;}
.categoryBox li .categoryCon p a.on{ background:#ff9900; color:#fff; border-radius:3px; line-height:16px;}
.categoryBox li .categoryCon p a.on:hover{ color:#fff;}

/*弹出菜单*/
.menuBox{ width:615px; height:470px; position:absolute; left:188px; top:34px; z-index:301; box-shadow:0 0 4px 0 #ccc;}
.menuBoxFirst{width:0; height:0;}
.menuBox .menuCon{ width:400px; height:470px; float:left; display:inline-block; background:#f1f1f1; overflow:hidden; }
.menuItem .menuItemTitle{ width:60px; float:left; padding:10px 10px 10px 20px; line-height:22px; text-align:right; border-top:1px solid #f1f1f1;}
.menuItem.first .menuItemTitle{border-top:none;}
.menuItem .menuItemTitle h4{ font-size:12px; color:#333; font-weight:normal; font-family:"微软雅黑"; overflow:hidden; white-space:nowrap;}
.menuItem .menuItemCon{ float:left; background:#fff;}
.menuItem .menuItemCon .menuCon-list{width:280px; margin:0 15px 0 15px; padding:10px 0 10px; overflow:hidden; border-top:1px dotted #ccc;}
.menuItem.first .menuItemCon .menuCon-list{ border-top:none; padding:15px 0 10px;}
.menuHeight .menuItemTitle{ width:90px; float:left; height:1px; line-height:1px;}
.menuHeight .menuItemCon{ float:left; background:#fff;}
.menuHeight .menuItemCon .menuCon-list{width:280px; height:0px; margin:0 15px 0 15px; }
.menuCon-list p{ margin:0 0 0 -1px; line-height:22px; max-height:176px; _height:176px; overflow:hidden;}
.menuCon-list p a{ display:inline-block; float:left; white-space:nowrap; padding:0 8px; background:url(../../img/newIndexImg/menuLine.jpg) no-repeat scroll left center;}
.menuCon-list p a.hot{ color:#ff6600;}
.menuCon-list p a:hover{ text-decoration:none;}
.menuCon-list p a.more{ color:#ff6600; font-family:"宋体";}
.menuCon-list p.menuCon-brand a{ width:71px; padding:0; margin:0 8px; background:none; overflow:hidden;}
.menuFoc{ width:215px; height:470px; float:left; position:relative; z-index:201;}
.menuFoc a{ display:block; width:220px; height:470px; position:absolute; top:0; right:-5px;}

/*无广告位*/
.menuBox.notFoc .menuCon{ width:615px; }
.menuBox.notFoc .menuItem .menuCon-list{ width:495px;}
.menuBox.notFoc .menuFoc{ display:none;}
.menuBox.notFoc .menuHeight .menuCon-list{ width:495px; margin:0 15px 0 15px; }
/*无广告位 且白酒频道*/
.menuBox.menuLiquor .menuItem .menuItemTitle{ width:36px; padding:10px 10px 10px 14px;}
.menuBox.menuLiquor .menuItem.first .menuItemTitle{ padding:15px 10px 10px 14px;}
.menuBox.menuLiquor .menuHeight .menuItemTitle{ width:60px;}
.menuBox.notFoc.menuLiquor .menuItem .menuCon-list{ width:525px;}
.menuBox.notFoc.menuLiquor .menuHeight .menuCon-list{ width:525px; margin:0 15px 0 15px; }

.menuCon-filter{ width:525px; height:18px; padding:5px 0 12px; overflow:hidden;}
.menuCon-filter ul{width:535px;}
.menuCon-filter ul li{ float:left;}
.menuCon-filter ul li a{ display:inline-block; padding:0 5px; height:18px; line-height:18px; position:relative; z-index:202;}
.menuCon-filter ul li a:hover{ color:#cc0001; text-decoration:none;}
.menuCon-filter ul li.boutique a{ padding:0 4px; margin-right:2px;}
.menuCon-filter ul li.on a{ color:#fff; background:#cc0001;}
.menuCon-filter ul li.on a:hover{ color:#fff; text-decoration:none;}
.menuCon-filter ul li a i{width:11px; height:5px; position:absolute; bottom:-4px; left:3px; background-position:-114px 0; display:none; overflow:hidden;}
.menuCon-filter ul li.boutique a i{ left:24px;}
.menuCon-filter ul li.on a i{ display:inline-block;}
/*导航end*/


/*公共自定义弹层样式start*/
.popMask{ display:none; background:#000; width:100%; height:100%; z-index:10000;position:fixed; left:0; top:0; opacity:0.5; filter:alpha(opacity=50); _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.popBox{display:none; width:400px; height:200px; position:fixed; left:50%; top:50%; padding:5px; margin:-105px 0 0 -205px; background:url(../../images/popBg.png); border-radius:5px; box-shadow:0 0 6px 1px #828282; z-index:10001; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)+400); }
.popBox .popLayer{ background:#fff; border-radius:3px;}
.popBox .popTitle{ height:40px; line-height:40px; background:#c40001; border-top-left-radius:3px; border-top-right-radius:3px; padding-left:16px;}
.popBox .popTitle span{ float:left; color:#fff; font-size:14px;}
.popBox .popTitle i{ background-position:-4px -333px; display:inline-block; float:right; width:14px; height:14px; cursor:pointer; margin:13px 13px 0 0;}
.popBox .popMain{ height:80px; background:#fff; padding:40px 50px 0 50px;}
.popBox .popMain .popType{ width:40px; height:40px; display: inline-block; float:left;}
.popBox .popMain .success{ background-position:0px -287px;}
.popBox .popMain .alarm{background-position:-41px -287px;}
.popBox .popMain .fail{ background-position:-81px -287px;}
.popBox .popMain .confirm{background-position:-123px -287px;}
.popBox .popMain p{ font-size:16px;  font-family:"微软雅黑"; color:#000; float:right; width:250px; height:40px; overflow:hidden;}
.popBox .popMain p span{ display:inline-block; width:100%; vertical-align:middle; height:auto;}
.popBox .popMain p em{ display:inline-block; vertical-align:middle; height:100%; width:0; overflow:hidden;}
.popBox .popBtnBox{ height:40px; background:#f1f1f1 ; border-bottom-left-radius:3px; border-bottom-right-radius:3px; text-align:right; padding-right:25px;}
.popBox .popBtnBox span{ display:inline-block; width:58px; height:22px; font-size:0; border-radius:2px; text-align:center; line-height:22px; cursor:pointer; margin:8px 0 0 5px;}
.popBox .popBtnBox .sure{ border:1px solid #c40001; color:#c40001; background:#ffe6e6;}
.popBox .popBtnBox .cancel{ border:1px solid #ccc; color:#666666; background:#fff;}
.popBox .popBtnBox span b{ font-size:12px; font-weight:normal; display:inline-block;}
/*公共自定义弹层样式end*/
